home *** CD-ROM | disk | FTP | other *** search
/ Computer Shopper 235 / Issue 235 - September 2007 - DPCS0907DVD.ISO / Microsoft / Expression Blend / Blend.en.msi / Sparkle.PBook.Book.xaml.en < prev    next >
Encoding:
Extensible Markup Language  |  2007-01-30  |  14.4 KB  |  193 lines
  1. <UserControl
  2.     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  3.     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  4.     xmlns:d="http://schemas.microsoft.com/expression/blend/2006" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d" xmlns:PhotoBook="clr-namespace:PhotoBook"
  5.     x:Class="PhotoBook.BookViewer"
  6.     x:Name="BookViewerControl"
  7.     Width="640" RenderTransformOrigin="0.5,0.5" Focusable="True" VerticalAlignment="Stretch">
  8.  
  9.   <UserControl.Resources>
  10.     <Storyboard x:Key="showGizmo"/>
  11.     <Storyboard x:Key="hideGizmo"/>
  12.     <Style x:Key="ButtonClose" BasedOn="{x:Null}" TargetType="{x:Type Button}">
  13.       <Setter Property="Template">
  14.         <Setter.Value>
  15.           <ControlTemplate TargetType="{x:Type Button}">
  16.             <Grid>
  17.               <Rectangle Opacity="0" Fill="#FFCCCCCC" Stroke="{x:Null}" Margin="-1,-1,0,0" x:Name="rectangle"/>
  18.               <WrapPanel HorizontalAlignment="Stretch" Margin="0,0,0,0" x:Name="closeButton" VerticalAlignment="Stretch" Background="#00000000">
  19.                 <Rectangle Fill="#7F000000" Stroke="{x:Null}" Margin="0,0,0,0" Width="3" Height="3"/>
  20.                 <Rectangle Fill="#7F000000" Stroke="{x:Null}" Width="3" Height="3" Margin="0,0,0,0" Opacity="0.01"/>
  21.                 <Rectangle Fill="#7F000000" Stroke="{x:Null}" Width="3" Height="3" Margin="0,0,0,0"/>
  22.                 <Rectangle Fill="#7F000000" Stroke="{x:Null}" Width="3" Height="3" Margin="0,0,0,0" Opacity="0.01"/>
  23.                 <Rectangle Fill="#7F000000" Stroke="{x:Null}" Width="3" Height="3" Margin="0,0,0,0"/>
  24.                 <Rectangle Fill="#7F000000" Stroke="{x:Null}" Width="3" Height="3" Opacity="0.01" Margin="0,0,0,0"/>
  25.                 <Rectangle Fill="#7F000000" Stroke="{x:Null}" Width="3" Height="3" Margin="0,0,0,0"/>
  26.                 <Rectangle Fill="#7F000000" Stroke="{x:Null}" Width="3" Height="3" Opacity="0.01" Margin="0,0,0,0"/>
  27.                 <Rectangle Fill="#7F000000" Stroke="{x:Null}" Width="3" Height="3" Margin="0,0,0,0"/>
  28.               </WrapPanel>
  29.             </Grid>
  30.             <ControlTemplate.Triggers>
  31.               <Trigger Property="IsFocused" Value="True"/>
  32.               <Trigger Property="IsDefaulted" Value="True"/>
  33.               <Trigger Property="IsMouseOver" Value="True">
  34.                 <Setter Property="Fill" TargetName="rectangle" Value="#FFCCCCCC"/>
  35.                 <Setter Property="Opacity" TargetName="rectangle" Value="1"/>
  36.               </Trigger>
  37.               <Trigger Property="IsPressed" Value="True">
  38.                 <Setter Property="Fill" TargetName="rectangle" Value="#FFFFFFFF"/>
  39.                 <Setter Property="TextElement.Foreground" TargetName="closeButton" Value="#FF000000"/>
  40.                 <Setter Property="Opacity" TargetName="rectangle" Value="0.995"/>
  41.               </Trigger>
  42.               <Trigger Property="IsEnabled" Value="False"/>
  43.             </ControlTemplate.Triggers>
  44.           </ControlTemplate>
  45.         </Setter.Value>
  46.       </Setter>
  47.     </Style>
  48.   </UserControl.Resources>
  49.  
  50.   <UserControl.RenderTransform>
  51.     <TransformGroup>
  52.       <TranslateTransform x:Name="position" X="0" Y="0"/>
  53.     </TransformGroup>
  54.   </UserControl.RenderTransform>
  55.  
  56.   <UserControl.Triggers>
  57.     <EventTrigger RoutedEvent="FrameworkElement.Loaded">
  58.       <BeginStoryboard Storyboard="{StaticResource showGizmo}"/>
  59.       <BeginStoryboard Storyboard="{StaticResource hideGizmo}"/>
  60.     </EventTrigger>
  61.   </UserControl.Triggers>
  62.  
  63.   <Grid x:Name="LayoutRoot" Background="{x:Null}">
  64.  
  65.     <Grid x:Name="root" SizeChanged="OnUpdateClipArea" Width="Auto" Height="Auto" RenderTransformOrigin="0.5,0.5">
  66.       <Grid.ColumnDefinitions>
  67.         <ColumnDefinition Width="*"/>
  68.       </Grid.ColumnDefinitions>
  69.       <Grid.RenderTransform>
  70.         <TransformGroup>
  71.           <ScaleTransform x:Name="scale" ScaleX="1" ScaleY="1"/>
  72.         </TransformGroup>
  73.       </Grid.RenderTransform>
  74.       <UniformGrid Focusable="False" IsHitTestVisible="True" x:Name="backShadow4" Background="{x:Null}" Grid.IsSharedSizeScope="False" ScrollViewer.VerticalScrollBarVisibility="Disabled" Columns="2" IsEnabled="True" Visibility="Visible" HorizontalAlignment="Center" Margin="20,30,20,20" VerticalAlignment="Center">
  75.         <Rectangle Opacity="0.08" Fill="#FF000000" Stroke="{x:Null}" RadiusX="6" RadiusY="6" x:Name="backShadowEven4" Margin="-4,0,0,0"/>
  76.         <Rectangle Opacity="0.08" Fill="#FF000000" Stroke="{x:Null}" RadiusX="6" RadiusY="6" x:Name="backShadowOdd4" HorizontalAlignment="Stretch" Margin="-4,0,-4,0"/>
  77.       </UniformGrid>
  78.       <UniformGrid Focusable="False" IsHitTestVisible="True" x:Name="backShadow3" Background="{x:Null}" Grid.IsSharedSizeScope="False" ScrollViewer.VerticalScrollBarVisibility="Disabled" Columns="2" IsEnabled="True" Visibility="Visible" HorizontalAlignment="Center" Margin="20,30,20,20" VerticalAlignment="Center">
  79.         <Rectangle Opacity="0.15" Fill="#FF000000" Stroke="{x:Null}" RadiusX="6" RadiusY="6" x:Name="backShadowEven3" Margin="-3,0,0,0"/>
  80.         <Rectangle Opacity="0.15" Fill="#FF000000" Stroke="{x:Null}" RadiusX="6" RadiusY="6" x:Name="backShadowOdd3" HorizontalAlignment="Stretch" Margin="-3,0,-3,0"/>
  81.       </UniformGrid>
  82.       <UniformGrid Focusable="False" IsHitTestVisible="True" x:Name="backShadow2" Background="{x:Null}" Grid.IsSharedSizeScope="False" ScrollViewer.VerticalScrollBarVisibility="Disabled" Columns="2" IsEnabled="True" Visibility="Visible" HorizontalAlignment="Center" Margin="20,30,20,20" VerticalAlignment="Center">
  83.         <Rectangle Opacity="0.2" Fill="#FF000000" Stroke="{x:Null}" RadiusX="6" RadiusY="6" x:Name="backShadowEven2" Margin="-2,0,0,0"/>
  84.         <Rectangle Opacity="0.2" Fill="#FF000000" Stroke="{x:Null}" RadiusX="6" RadiusY="6" x:Name="backShadowOdd2" HorizontalAlignment="Stretch" Margin="-2,0,-2,0"/>
  85.       </UniformGrid>
  86.       <UniformGrid Focusable="False" IsHitTestVisible="True" x:Name="backShadow1" Background="{x:Null}" Grid.IsSharedSizeScope="False" ScrollViewer.VerticalScrollBarVisibility="Disabled" Columns="2" IsEnabled="True" Visibility="Visible" HorizontalAlignment="Center" Margin="20,30,20,20" VerticalAlignment="Center">
  87.         <Rectangle Opacity="0.3" Fill="#FF000000" Stroke="{x:Null}" RadiusX="6" RadiusY="6" x:Name="backShadowEven" Margin="-1,0,0,0"/>
  88.         <Rectangle Opacity="0.3" Fill="#FF000000" Stroke="{x:Null}" RadiusX="6" RadiusY="6" x:Name="backShadowOdd" HorizontalAlignment="Stretch" Margin="-1,0,-1,0"/>
  89.       </UniformGrid>
  90.       <UniformGrid Focusable="False" IsHitTestVisible="True" x:Name="bookTop" Background="{x:Null}" Grid.IsSharedSizeScope="False" ScrollViewer.VerticalScrollBarVisibility="Disabled" Columns="2" HorizontalAlignment="Center" Margin="20,30,20,20" VerticalAlignment="Center" Visibility="Visible">
  91.         <Canvas HorizontalAlignment="Left" Panel.ZIndex="2">
  92.           <Canvas.Clip>
  93.             <RectangleGeometry x:Name="clipEvenTop" Rect="0,0 0,0">
  94.               <RectangleGeometry.Transform>
  95.                 <TransformGroup>
  96.                   <TranslateTransform x:Name="clipEvenTopTranslate" X="0" Y="0"/>
  97.                   <RotateTransform x:Name="clipEvenTopRotate" Angle="0"/>
  98.                 </TransformGroup>
  99.               </RectangleGeometry.Transform>
  100.             </RectangleGeometry>
  101.           </Canvas.Clip>
  102.           <Image Stretch="Fill" x:Name="pageEvenTop" TextElement.Foreground="#FF000000" d:LayoutOverrides="Height" Grid.IsSharedSizeScope="False" ScrollViewer.VerticalScrollBarVisibility="Disabled" Grid.Column="1" HorizontalAlignment="Left" Visibility="Visible" PreviewMouseLeftButtonDown="OnStartDragBack" PreviewMouseLeftButtonUp="OnStopDrag"/>
  103.         </Canvas>
  104.         <Image x:Name="pageOddTop" TextElement.Foreground="#FF000000" d:LayoutOverrides="Height" Grid.IsSharedSizeScope="False" ScrollViewer.VerticalScrollBarVisibility="Disabled" Grid.Column="0" HorizontalAlignment="Left" PreviewMouseLeftButtonDown="OnStartDrag" PreviewMouseLeftButtonUp="OnStopDrag" MouseEnter="OnShowFold" MouseLeave="OnHideFold" Source="{Binding Path=BookPath, ElementName=BookViewerControl}"/>
  105.       </UniformGrid>
  106.  
  107.       <UniformGrid Focusable="False" IsHitTestVisible="False" x:Name="middleShadow" Background="{x:Null}" Grid.IsSharedSizeScope="False" ScrollViewer.VerticalScrollBarVisibility="Disabled" Columns="2" IsEnabled="True" Visibility="Hidden" HorizontalAlignment="Center" Margin="20,30,20,20" VerticalAlignment="Center" Opacity="0.5">
  108.         <Image Stretch="Fill" x:Name="shadowEvenMiddle" TextElement.Foreground="#FF000000" Grid.IsSharedSizeScope="False" ScrollViewer.VerticalScrollBarVisibility="Disabled" Grid.Column="1" IsEnabled="True" IsHitTestVisible="True" HorizontalAlignment="Stretch" Opacity="0.87" Source="Assets\shadowPageLeft.png"/>
  109.         <Image x:Name="shadowOddMiddle" TextElement.Foreground="#FF000000" Grid.IsSharedSizeScope="False" ScrollViewer.VerticalScrollBarVisibility="Disabled" Grid.Column="0" HorizontalAlignment="Right" IsEnabled="True" IsHitTestVisible="False" Visibility="Visible" VerticalAlignment="Stretch" Stretch="Fill" Opacity="0.58" Source="Assets\shadowPageRight.png"/>
  110.       </UniformGrid>
  111.       <UniformGrid Focusable="False" IsHitTestVisible="True" HorizontalAlignment="Center" Margin="20,30,20,20" x:Name="bookBottom" VerticalAlignment="Center" Background="{x:Null}" Grid.IsSharedSizeScope="False" ScrollViewer.VerticalScrollBarVisibility="Disabled" Columns="2" IsEnabled="True" Visibility="Visible">
  112.         <Canvas IsEnabled="True" IsHitTestVisible="True" HorizontalAlignment="Left" Panel.ZIndex="1" Visibility="Visible">
  113.           <Canvas.Clip>
  114.             <RectangleGeometry x:Name="clipEvenBottom" Rect="0,0 0,0">
  115.               <RectangleGeometry.Transform>
  116.                 <TransformGroup>
  117.                   <RotateTransform x:Name="clipEvenBottomRotate" Angle="0"/>
  118.                   <TranslateTransform x:Name="clipEvenBottomTranslate" X="0" Y="0"/>
  119.                 </TransformGroup>
  120.               </RectangleGeometry.Transform>
  121.             </RectangleGeometry>
  122.           </Canvas.Clip>
  123.           <Image Stretch="Fill" x:Name="pageEvenBottom" TextElement.Foreground="#FF000000" d:LayoutOverrides="Height" Grid.IsSharedSizeScope="False" ScrollViewer.VerticalScrollBarVisibility="Disabled" Grid.Column="1" HorizontalAlignment="Left" IsEnabled="True" IsHitTestVisible="False">
  124.             <Image.RenderTransform>
  125.               <TransformGroup>
  126.                 <TranslateTransform x:Name="pageEvenBottomTranslateX" X="0" Y="0"/>
  127.                 <RotateTransform x:Name="pageEvenBottomRotate" Angle="0" CenterX="0" CenterY="0"/>
  128.                 <TranslateTransform x:Name="pageEvenBottomTranslate" X="0" Y="0"/>
  129.               </TransformGroup>
  130.             </Image.RenderTransform>
  131.           </Image>
  132.         </Canvas>
  133.         <Image x:Name="pageOddBottom" TextElement.Foreground="#FF000000" d:LayoutOverrides="Height" Grid.IsSharedSizeScope="False" ScrollViewer.VerticalScrollBarVisibility="Disabled" Grid.Column="0" HorizontalAlignment="Right" IsEnabled="True" IsHitTestVisible="False">
  134.           <Image.Clip>
  135.             <RectangleGeometry x:Name="clipOddBottom" Rect="0,0 0,0">
  136.               <RectangleGeometry.Transform>
  137.                 <TransformGroup>
  138.                   <TranslateTransform x:Name="clipOddBottomTranslateX" X="0" Y="0"/>
  139.                   <RotateTransform x:Name="clipOddBottomRotate" Angle="0" CenterX="0" CenterY="0"/>
  140.                   <TranslateTransform x:Name="clipOddBottomTranslate" X="0" Y="0"/>
  141.                 </TransformGroup>
  142.               </RectangleGeometry.Transform>
  143.             </RectangleGeometry>
  144.           </Image.Clip>
  145.         </Image>
  146.       </UniformGrid>
  147.       <UniformGrid Focusable="False" IsHitTestVisible="False" x:Name="bookShadow" Background="{x:Null}" Grid.IsSharedSizeScope="False" ScrollViewer.VerticalScrollBarVisibility="Disabled" Columns="2" IsEnabled="True" Visibility="Visible" HorizontalAlignment="Center" Margin="20,30,20,20" VerticalAlignment="Center">
  148.         <UniformGrid.Clip>
  149.           <RectangleGeometry x:Name="clipShadowOdd" Rect="0,0 0,0"/>
  150.         </UniformGrid.Clip>
  151.         <Canvas IsEnabled="True" IsHitTestVisible="True" HorizontalAlignment="Stretch" Panel.ZIndex="1" Visibility="Visible">
  152.           <Canvas.Clip>
  153.             <RectangleGeometry x:Name="clipShadowEven" Rect="0,0 0,0">
  154.               <RectangleGeometry.Transform>
  155.                 <TransformGroup>
  156.                   <TranslateTransform x:Name="clipShadowEvenTranslateX" X="0" Y="0"/>
  157.                   <RotateTransform x:Name="clipShadowEvenRotate" Angle="0"/>
  158.                   <TranslateTransform x:Name="clipShadowEvenTranslate" X="0" Y="0"/>
  159.                 </TransformGroup>
  160.               </RectangleGeometry.Transform>
  161.             </RectangleGeometry>
  162.           </Canvas.Clip>
  163.           <Image Stretch="Fill" x:Name="shadowEven" TextElement.Foreground="#FF000000" Grid.IsSharedSizeScope="False" ScrollViewer.VerticalScrollBarVisibility="Disabled" Grid.Column="1" IsEnabled="True" IsHitTestVisible="True" HorizontalAlignment="Left" Opacity="0.865" Source="Assets\shadowPageLeft.png">
  164.             <Image.RenderTransform>
  165.               <TransformGroup>
  166.                 <TranslateTransform x:Name="shadowEvenTranslateX" X="0" Y="0"/>
  167.                 <RotateTransform x:Name="shadowEvenRotate" Angle="0" CenterX="0" CenterY="0"/>
  168.                 <TranslateTransform x:Name="shadowEvenTranslate" X="0" Y="0"/>
  169.               </TransformGroup>
  170.             </Image.RenderTransform>
  171.           </Image>
  172.         </Canvas>
  173.         <Image x:Name="shadowOdd" TextElement.Foreground="#FF000000" Grid.IsSharedSizeScope="False" ScrollViewer.VerticalScrollBarVisibility="Disabled" Grid.Column="0" HorizontalAlignment="Right" IsEnabled="True" IsHitTestVisible="False" Visibility="Visible" VerticalAlignment="Stretch" Stretch="Fill" Opacity="0.575" Source="Assets\shadowPageRight.png">
  174.           <Image.RenderTransform>
  175.             <TransformGroup>
  176.               <TranslateTransform x:Name="shadowOddTranslateX" X="0" Y="0"/>
  177.               <RotateTransform x:Name="shadowOddRotate" Angle="0" CenterX="0" CenterY="0"/>
  178.               <TranslateTransform x:Name="shadowOddTranslate" X="0" Y="0"/>
  179.             </TransformGroup>
  180.           </Image.RenderTransform>
  181.           <Image.OpacityMask>
  182.             <LinearGradientBrush EndPoint="0.171,0.042" StartPoint="0.102,0.125">
  183.               <GradientStop Color="#FF000000" Offset="0"/>
  184.               <GradientStop Color="#00FFFFFF" Offset="1"/>
  185.             </LinearGradientBrush>
  186.           </Image.OpacityMask>
  187.         </Image>
  188.       </UniformGrid>
  189.  
  190.     </Grid>
  191.  
  192.   </Grid>
  193. </UserControl>